* { margin: 0; padding: 0; }
.selfclear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

body { font: 0.75em 'trebuchet ms',arial,sans-serif; color: #666; }
h2 { color: #444; }
p { padding-bottom: 15px; }
 
a:hover { color: #666; } 

form { width: 85%; padding: 15px 0; margin: 0 auto; }

#NavigationPrimary { padding: 15px 0; }
#NavigationPrimary ul { list-style: none; float: right; }
#NavigationPrimary li { float: left; margin-left: 20px; display: inline; }
#NavigationPrimary li a { display: block; padding-top: 10px; font: 1.5em 'trebuchet ms',arial,sans-serif; color: #999; text-decoration: none; text-transform: uppercase; letter-spacing:-1px; }
#NavigationPrimary li a:hover, #NavigationPrimary li a.active { background: url('../Images/Arrow.gif') no-repeat center 0;  }

#Branding { padding: 15px 0; }
#Branding #Logo { font: 7.3em arial,sans-serif; letter-spacing: -0.1em; padding-bottom: 2px; }
#Branding #Logo a { color: #666; text-decoration: none; }
#Branding h1 {font-size: 3.5em; margin: -0.7em 0 0 0; padding: 0; letter-spacing: -0.1em; text-transform: uppercase; font-weight: normal;}

#Content { font-size: 1.2em; padding: 15px 0; }
#Content h2 { font-size: 1.5em; letter-spacing: -0.1em; text-transform: uppercase; font-weight: normal; padding: 15px 0 15px 0; }
#Content h2 span { display: block; margin: -0.4em 0 0 0; font-size: 0.95em; padding-top: 2px;} 
#Content h3 { font-size: 1.5em; letter-spacing: -0.1em; text-transform: uppercase; font-weight: normal; padding: 25px 0 15px 0; }
#Content h4 { font-size: 1.2em; letter-spacing: -0.1em; text-transform: uppercase; font-weight: normal; padding: 15px 0 15px 0; }

#MainContent ul { list-style: none; padding-bottom: 10px; }
#MainContent li { margin: 0 0 10px 15px; background: url('../Images/Bullet.gif') 0 5px no-repeat; padding: 0 0 0 15px; }
#MainContent { float: left; width: 65%; border-top: 5px solid #ececec; padding: 15px 0 30px 0; }
#MainContent h3 a { color: #666; }

.csharpcode, .csharpcode pre{ font-size: 0.8em; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #eeeeee; padding: 10px 5px 10px 5px; margin: 0 0 15px 0; width: 100%; 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }


#SecondaryContent { float: right; width: 27%; border-top: 5px solid #ECECEC; border-bottom: 5px solid #ECECEC; padding: 15px 15px 30px 15px;  background: #f5f5f5;}
#SecondaryContent h2.navigation-secondary { padding: 15px 0 0 0; }
#SecondaryContent h2.download span { padding-left: 30px; background: url('../Images/Bullet2.gif') no-repeat 15px 10px; }
#SecondaryContent h2.download span a { text-decoration: none; }
#NavigationSecondary h2 a { color: #444; text-decoration: none; }
#NavigationSecondary ul { list-style: none; padding: 0 0 15px 15px; }
#NavigationSecondary li a { display: block; padding: 10px 0 0 15px; font: 1.4em 'trebuchet ms',arial,sans-serif; color: #999; text-decoration: none; letter-spacing:-1px; }
#NavigationSecondary li a:hover, #NavigationSecondary li a.active { background: url('../Images/Bullet2.gif') no-repeat 0 18px; }

#Footer { border-top: 5px solid #ECECEC; font-size: 1.2em; padding: 15px 0; }
#Footer ul { list-style: none; }
#Footer li { float: left; margin-right: 30px; display: inline; }